/* 
 *author:stek.hang
 *data:2015/6/16
 */
 
/* 初始化 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dialog,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,arial,tahoma,simsun,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:none;}legend{color:#333;}fieldset,img{border:0 none;vertical-align:top;}button,input,select,textarea{font-size:100%;overflow:visible;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,footer,header,menu,nav,section,time,audio,video{display:block;margin:0;padding:0;}textarea,input{outline:0 none;}

/* 布局 */
.clearfix:after{
	clear:both;
	content:"";
	display:table;
}
.clearfix{
	*zoom:1;
}
.header{
	width:1100px;
	height:90px;
	margin:0 auto;
	background:#00699B;
}
.header p{
	font-size:50px;
	text-align:center;
	line-height:90px;
}
.warps{
	width:1098px;
	margin:0 auto;
	box-shadow:1px 1px 10px #ddd;
}
.section-kx{
	padding:30px 60px;
}
.lay-list-0 li{
	float:left;
	width:33%;
}
.lay-list-0 .inp-numb,
.lay-list-0 .inp-text,
.lay-list-0 textarea{
	margin:20px 0;
}
.lay-list-0 .inp-numb{
	margin-left:40px;
}
.lay-list-1 li{
	float:left;
	width:44%;
	margin:20px 0;
}
.lay-list-1 .boxys-layer{
	width:333px;
	height:211px;
	border:1px solid #c1c1c1;
	border-radius:.5em;
	background:#fff;
}
/* 默认公共 */
.btn-c{margin:0 auto;}
.btn-bg0{background:#7DCDF3;}
.btn-bg0:hover{background:#2AA1D2;}
.btn-bg1{background:#33495D;}
.btn-bg1:hover{background:#375D81;}
.btn-bg2{background:#F1C30F;}
.btn-bg2:hover{background:#F1854B;}
.btn-bg3{background:#E74B3B;}
.btn-bg3:hover{background:#EF6D00;}
.btn-bg4{background:#fff;}
.btn-bg4:hover{background:#DEEEFF;}
.btn-bg5{background:#B9C3C5;}

.br-b1{border:1px solid #87D1F5;}

.inp-h{height:33px;}
.inp-w0{width:243px;}
.inp-w1{width:125px;}
.inp-w1{width:90px;}

.color-bg0{background:#2AA1D3;}
.color-bg1{background:#DAEDFF;}
.color-bg2{background:#EFEFEF;}
.color-bg3{background:#FFF7F7;}

.color-ft0{color:#fff;}
.color-ft1{color:#333;}
.color-ft2{color:#555;}
.color-ft3{color:#2c2c2c;}
.color-ft4{color:#737373;}
.color-ft5{color:#4e4e4e;}
.color-ft6{color:#464646;}
.color-ft7{color:#FE7921;}
.color-ft8{color:#5E5E5E;}
.color-ft9{color:#4793E6;}
.color-ft10{color:#F40000;}
.color-ft11{color:#A3A8AD;}

.ft-s14{font-size:14px;}
.ft-s15{font-size:15px;}
.ft-s16{font-size:16px;}
.ft-s17{font-size:17px;}
.ft-s18{font-size:18px;}
.ft-s19{font-size:19px;}
.ft-s20{font-size:20px;}
.ft-s24{font-size:24px;}
.ft-s28{font-size:28px;}
.ft-s30{font-size:30px;}

/* 标题 */
.title-kx em{
	display:block;
	font-size:24px;
	color:#4793E6;
	line-height:50px;
	border-bottom:3px solid #7DCDF3;
	margin:10px 0;
}

/* 按钮 */
.pd-btn-s,
.btn-s,
.btn-box{
	transition: background .3s;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
}
.btn-s{
	display:block;
	text-align:center;
	border-radius:.3em;
}
.btn-box{
	display:inline-block;
	text-align:center;
	border-radius:.3em;
}
.section-kx .btn-s{
	margin-top:20px;
	margin-bottom:20px;
}
.btn-w140-s0{
	width:140px;
	font-size:16px;
	color:#fff;
	height:34px;
	line-height:34px;
}
.btn-w140-s1{
	width:140px;
	font-size:16px;
	color:#2C2C2C;
	height:32px;
	line-height:32px;
}
.btn-w68-s0{
	width:68px;
	font-size:16px;
	color:#fff;
	height:34px;
	line-height:34px;
}
.btn-w117-s0{
	width:117px;
	font-size:16px;
	color:#fff;
	height:34px;
	line-height:34px;
}
.btn-w52-s0{
	width:52px;
	font-size:16px;
	color:#fff;
	height:26px;
	line-height:26px;
}
.btn-w37-s0{
	width:37px;
	font-size:12px;
	color:#fff;
	height:18px;
	line-height:18px;
}
.btn-w117-s1{
	width:117px;
	font-size:16px;
	color:#2C2C2C;
	height:32px;
	line-height:32px;
}
.btn-icon{
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/icons/temp-icons.png);
	vertical-align:middle;
	margin-right:10px;
}
.btn-s em{
	display:inline-block;
	min-width:5em;
}
.i-wx{background-position:-5px -4px;}
.i-del{background-position:-35px -5px;}
.i-ref{background-position:-61px -7px;}
.i-up{background-position:-88px -5px;}
.i-sur{background-position:-119px -6px;}
.i-add{background-position:-149px -6px;}

.pd-btn-s{
	display:inline-block;
	text-align:center;
	border-radius:.3em 0 0 .3em;
	vertical-align:middle;
}
.pd-w105-s0{
	width:105px;
	font-size:16px;
	color:#fff;
	height:34px;
	line-height:34px;
}
.btn-pd{
	display:inline-block;
	width:34px;
	height:34px;
	background:url(../images/icons/temp-icons.png);
	background-color:#00B6EE;
	vertical-align:middle;
	cursor:pointer;
	border-radius:0 .3em .3em 0;
}
.i-pd{background-position:-166px 2px;}

.btn-w140-s2{
	width:139px;
	font-size:16px;
	height:34px;
	line-height:34px;
	border-width:1px 0 1px 0;
	border-color:#D1F0FF #D1F0FF #eee #D1F0FF;
	border-style:solid;
}
.btn-bg6{background:#D1F0FF;}
.btn-bg6:hover{background:#AFE2FA;/* border-color:#7DCDF3; */}
.pull-btns{
	position:relative;
}
.pull-btns .pull-bt{
	border-radius:.3em;
	position:absolute;
	top:34px;
	left:0;
	display:none;
}
.pull-bt a{
	display:block;
	text-align:center;
	color:#5b5b5b;
}
.pull-bt .pu-last{
	border-radius:0 0 .3em .3em;
}
/* 提示 */
.margin-t20{
	margin:20px 0 60px 0;
}
.text-p{
	font-size:16px;
	color:#555;
}
.pos-hint{
	position:relative;
}
.hint-msgs{
	display:none;
	position:absolute;
	white-space:nowrap;
}
.pos-bottom{
	left:0;
	bottom:-30px;
}
.pos-top{
	left:0;
	top:-30px;
}
.pos-right{
	left:7em;
	top:0;
}
.pos-bottom-h{
	left:0;
	bottom:-38px;
}
.pos-top-h{
	left:0;
	top:-38px;
}
.pos-right-h{
	left:8em;
	top:0;
}
.hint-msgs i{
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/icons/temp-icons.png);
	vertical-align:middle;
	margin-right:3px;
}
.hint-msgs em{
	display:inline-block;
	font-size:16px;
	vertical-align:middle;
}
.msg-s0 em{color:#737373;}
.msg-s0 i{background-position:-3px -33px;}
.msg-s1 em{color:#E0600B;}
.msg-s1 i{background-position:-33px -33px;}
.msg-s2 em{color:#4e4e4e;}
.msg-s2 i{background-position:-63px -33px;}
.msg-s3 em{color:#E0600B;}
.msg-s3 i{background-position:-33px -33px;}

.br-rul-right,
.br-rul-bottom,
.br-rul-top{
	border:1px solid #c8c8c8;
	padding:3px 6px;
	border-radius:.5em;
}
.msg-s3.br-rul-right,
.msg-s3.br-rul-bottom,
.msg-s3.br-rul-top{
	border-color:#FFD09E;
}
.msg-s3.br-rul-top:before{border-color: #FFD09E transparent transparent transparent;}
.msg-s3.br-rul-top:after{border-color: #FFF7F7 transparent transparent transparent;}
.msg-s3.br-rul-bottom:before{border-color: transparent transparent #FFD09E;}
.msg-s3.br-rul-bottom:after{border-color: transparent transparent #FFF7F7;}
.msg-s3.br-rul-right:before{border-color: transparent #FFD09E transparent transparent;}
.msg-s3.br-rul-right:after{border-color: transparent #FFF7F7 transparent transparent;}


.br-rul-top:before{
	border-color: #c8c8c8 transparent transparent transparent;
	border-style: solid dashed dashed dashed;
	border-width: 8px 8px 0 8px;
	content: "";
	font: 0/0 a;
	left: 19px;
	position: absolute;
	bottom: -8px;
}
.br-rul-top:after{
	border-color: #fff transparent transparent transparent;
	border-style: solid dashed dashed dashed;
	border-width: 7px 7px 0 7px;
	content: "";
	font: 0/0 a;
	left: 20px;
	position: absolute;
	bottom: -7px;
}
.br-rul-bottom:before{
	border-color: transparent transparent #c8c8c8;
	border-style:  dashed  dashed solid;
	border-width: 0 8px 8px;
	content: "";
	font: 0/0 a;
	left: 19px;
	position: absolute;
	top: -8px;
}
.br-rul-bottom:after{
	border-color: transparent transparent #fff;
	border-style: dashed dashed solid;
	border-width: 0 7px 7px;
	content: "";
	font: 0/0 a;
	left: 20px;
	position: absolute;
	top: -7px;
}
.br-rul-right:before{
	border-color: transparent #c8c8c8 transparent transparent;
	border-style: dashed solid dashed dashed;
	border-width: 8px 8px 8px 0;
	content: "";
	font: 0/0 a;
	left: -8px;
	position: absolute;
	top: 7px;
}
.br-rul-right:after{
	border-color: transparent #fff transparent transparent;
	border-style: dashed solid dashed dashed;
	border-width: 7px 7px 7px 0;
	content: "";
	font: 0/0 a;
	left: -7px;
	position: absolute;
	top: 8px;
}
/* 文本框 */

.inp-text{
	border:1px solid #cecece;
	height:33px;
	line-height:33px;
	width:243px;
	font-size:16px;
	padding-left:8px;
	border-radius:.33em;
}
.br-focus:focus{
	border-color:#7ECEF4;
	box-shadow:1px 1px 3px rgba(126,206,244,.6);
}

.area-ret{
	border-radius:.33em;
	border:1px solid #cecece;
	padding:3px;
	width:100%;
	resize: none;
	font-size:16px;
}
.inp-no{
	background:#eee;
}
.inp-numb{
	width:125px;
	height:33px;
	border:1px solid #cecece;
	border-radius:.3em;
}
.inp-numb input{
	float:left;
	width:80px;
	height:24px;
	line-height:24px;
	font-size:16px;
	margin-top:5px;
	padding-left:6px;
	border:none;
}
.inp-numb em{
	display:block;
	float:right;
	font-size:18px;
	text-align:center;
	width:33px;
	height:33px;
	line-height:33px;
	background:#cecece;
	color:#5e5e5e;
}
/* 弹出窗口 */
.boxys-lay{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,.33);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4c000000,endcolorstr=#4c000000);
	z-index:111;
	display: none;
}
.boxys-lay .boxys-layer{
	width:333px;
	height:211px;
	border:1px solid #c1c1c1;
	border-radius:.5em;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-105px;
	margin-left:-166px;
}
.layer-title{
	background:#7DCDF3;
	height:42px;
}
.layer-title em{
	display:block;
	float:left;
	font-size:15.5px;
	color:#fff;
	line-height:42px;
	padding-left:20px;
}
.boxy-close{
	display:block;
	width:22px;
	height:22px;
	background:url(../images/icons/temp-icons.png);
	background-position:-100px -35px;
	float:right;
	margin:10px;
	cursor:pointer;
}
.layer-conts{
	padding:20px;
}
.layer-conts-btn .btn-c30{
	margin:30px auto;
}
.layer-conts-btn{
	text-align:center;
}
.layer-conts-btn .btn-box{
	margin-right:10px;
}
.layer-con{
	height:60px;
}
.layer-con p{
	font-size:14px;
	color:#727272;
	line-height:2.2em;
}
.layer-con span{
	display:block;
	width:40px;
	height:40px;
	float:left;
	background:url(../images/icons/temp-icons.png);
	margin:10px 10px 0 0;
}
.layer-con .i-right{background-position:-5px -65px;}
.layer-con .i-error{background-position:-50px -65px;}
.layer-con .i-ask{background-position:-95px -65px;}
.conts-gif{
	margin-top:20px;
}
/* 进度条-------------- */

.container {
  text-align: left;
  margin:50px 0 20px 0;
}
.container .progress {
  width: 280px;
}
.progress {
  padding: 2px;
  background: rgba(0, 0, 0, 0.15);
  background-color:#ddd \9;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); /* Safari 和 Chrome */
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); /* Firefox 4 */
  -ms-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); /* IE */
  -o-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); /* Opera */
}
:root .progress{
	background-color:none \9;
}
.progress-bar {
  position: relative;
  height: 8px;
  border-radius: 4px;
}
.progress-bar:before, .progress-bar:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.progress-bar:before {
  bottom: 0;
  background: url("../images/icons/stripes.png") 0 0 repeat;
  border-radius: 4px 4px 0 0;
}
.progress-bar:after {
  z-index: 2;
  bottom: 45%;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0ffffff,endcolorstr=#0ffffff);
}
.progress .progress-bar {
  width: 100%;
  background-color: #9FDEFB;
}
.container .now{
  color: white;
  background: rgba(0, 0, 0, 0.25);
  background-color:#ddd \9;
}


/* 表格列表 */
.easy-table table{background:#eee;width:100%;margin-top:10px;font-size:16px;color:#464646}
.easy-table table th{text-align:center;border:1px solid #eee;line-height:44px;font-weight:normal;}
.easy-table table td{background:#fff;line-height:44px;border:1px solid #eee;text-align:center;}
.easy-table .ft-18-red{
	text-align:right;
	font-size:18px;
	color:#F40000;
	padding-right:10px;
}
.easy-table tr:hover td{
	background:#F7FEFF;
}

.rank-table table{width:100%;margin-top:10px;color:#A3A8AD;font-size:18px;}
.rank-table table th{
	text-align:center;
	line-height:43px;
	background:#FFFEF2;
	border-width:0 6px 2px 6px;
	border-style:solid;
	border-color:#FFFEF2 #FFFEF2 #D2D2D2 #FFFEF2;
	font-weight:normal;
}
.rank-table table td{background:#fff;line-height:43px;text-align:center;}
.rank-table th em{
	display:inline-block;
	vertical-align:middle;
}
.rank-table .tab-bg{background:#F5F7F9;}
.rank-table tr:hover td{
	background:#DAEDFF;
}
.btn-sort{
	display:inline-block;
	vertical-align:middle;
}
.btn-sort a{
	display:block;
	width:8px;
	height:8px;
	background:url(../images/icons/temp-icons.png);
	margin-top:2px;
}
.btn-sort .so-top{background-position:-184px -40px;}
.btn-sort .so-top:hover{background-position:-169px -40px;}
.btn-sort .so-low{background-position:-184px -50px;}
.btn-sort .so-low:hover{background-position:-169px -50px;}
/* 表格单选 */
.inp-check{
	height:36px;
}
.inp-check input[type=checkbox]{
	-webkit-appearance: none; /* Safari 和 Chrome */
	-moz-appearance: none; /* Firefox 4 */
	-ms-appearance: none; /* IE */
	-o-appearance: none; /* Opera */
	appearance: none;
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	background: #fff;
	border: 1px solid #CDCDCD;
	-webkit-box-sizing: border-box; /* Safari 和 Chrome */
	-moz-box-sizing: border-box; /* Firefox 4 */
	-ms-box-sizing: border-box; /* IE */
	-o-box-sizing: border-box; /* Opera */
	box-sizing: border-box;
	border-radius:.3rem;
	position: relative;
	outline:none;
	display:inline-block;
}
.inp-check input[type=checkbox]:active{
	border-color: #CDCDCD;
	background: #ebebeb;
}
.inp-check input[type=checkbox]:hover {
	border-color: #c6c6c6;
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
}
.rank-table input[type=checkbox]:checked{
	background: #fff;
}
.inp-check input[type=checkbox]:checked:after{
	content: url(../images/icons/input-checkbox-icon.png);
	display: block;
	position: absolute;
	top: -3px;
	left: -1px;
}
.inp-check input[type=radio]:checked:after{
	content: url(../images/icons/input-checkbox-icon.png);
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
}
.inp-check input[type=checkbox]:focus {
	outline: none;
	border-color:#CDCDCD;
}

.inp-check a{
	display:inline-block;
	width:18px;
	height:18px;
	margin-left:5px;
}
.inp-check .btn-set{
	background:url(../images/icons/temp-icons.png);
	background-position:-149px -74px;
}
